<!--
 * @Description: 
 * @Author: william
 * @Date: 2025-08-21 11:00:41
 * @LastEditors: william
 * @LastEditTime: 2025-10-16 15:36:54
-->
<template>
  <nw-PageTitle title="系统日志" isBack />
  <nw-PageContainer>
    <scroll-view class="scroll-content" scroll-y enable-flex>
      <view class="ul">
        <view class="li">
          <view class="li-left">
            <view class="title">自动保存</view>
            <view class="content">保存最近一段时间内该软件运行的日志</view>
          </view>
          <view class="li-right">
            <nw-Switch v-model="value1"></nw-Switch>
          </view>
        </view>
        <view class="li">
          <view class="li-left">
            <view class="title">日志上传</view>
            <view class="content">上传软件运行日志到云端进行远程分析</view>
          </view>
          <view class="li-right">
            <nw-Switch v-model="value2"></nw-Switch>
          </view>
        </view>
      </view>
    </scroll-view>
  </nw-PageContainer>
</template>

<script setup>
const value1 = ref(false)
const value2 = ref(false)

onMounted(_ => {
  // getDataList()
})

function getDataList() {
  //
}
</script>

<style lang="scss" scoped>
.ul {
  margin: 20rpx;
  box-sizing: border-box;
  background-color: var(--bg-color);
  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(6, 29, 23, 0.03);
  border-radius: 18rpx;
  .li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 38 * 2rpx;
    margin: 0 22rpx;
    + .li {
      border-top: 1rpx solid var(--border-color);
    }
    .li-left {
      display: flex;
      align-items: center;
      .title {
        font-size: 22rpx;
        font-weight: 400;
        color: var(--color-333);
      }
      .content {
        margin-left: 20rpx;
        font-size: 18rpx;
        font-weight: 400;
        color: var(--color-999);
      }
    }
  }
}
</style>
